<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 箭头函数的写法
        // 第一种
        // 当函数中只需要返回一个数据 并且这个数据是函数的参数是
        // 箭头函数箭头后不写{} 表示retun箭头后面的逻辑或者数据

        // function fn(data) {
        //     return data
        // }
        // 当箭头函数只有一个参数是可以省略（）
        // var fn = a => a

        // console.log(fn({
        //     name: '张三',
        //     api: 'www.baidu.com'
        // }));
        // 第二种写法 箭头函数可以返回一个简单的逻辑语句

        // function fn(a, b) {
        //     return a + b
        // }

        // var fn = (a, b) => a + b
        
        // fn(1, 2)

        // var fn = () => ({name: '张三', age: 15})

        // console.log(fn());

        // var fn = () => {
        //     // 这里是函数逻辑
        // }

        // 箭头函数的this指向
        // 箭头函数中的this指向始终指向箭头函数声明时所在的对象
        var obj = {
            name: '张三',
            changeName() {
                console.log(this); // obj
                setTimeout(() => {
                    console.log(this); // obj
                })
            }
        }

        obj.changeName()

        // ajax()
        // ajax.get()
    </script>
</body>
</html>